<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]><html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
  <head>
    <meta charset="utf-8">

    <title>{% block page_title %}Home{% endblock page_title %}: Detlef Schneider</title>

    <meta name="description" content="Photography &amp; Film / Fashion / Sports">

    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1;">

    <link type="text/css" rel="stylesheet" href="//fast.fonts.com/cssapi/1236513f-abd3-40f2-a2fb-1e5e4c2e4910.css">
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/default.css">

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL}}js/jquery.plugins.js"></script>
    <script type="text/javascript">
      var STATIC_URL = '{{ STATIC_URL }}';
    </script>

    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!--[if lt IE 8]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
  </head>

  <body class="no-js">
    <script>
      $('body').removeClass('no-js').addClass('js');
    </script>

    <nav class="global h100">
      <header class="pbm plm prm">
        <h1><a href="{% url gallery_category 'latest' %}">Detlef Schneider</a></h1>
      </header>

      <div class="plm prm">
        <ul class="bt ptm">
          {% load category_nav %}

          <li class="nav-categories">
            {% category_nav nav_active %}
          </li>

          <li class="nav-about">
            <ul>
              <li><a href="{% url about_about %}" class="{% if nav_active == 'about' %}active{% endif %}">About</a></li>
              <li><a href="{% url about_contact %}" class="{% if nav_active == 'contact' %}active{% endif %}">Contact</a></li>
            </ul>
          </li>
        </ul>
      </div>

      <div class="cb"></div>
    </nav>

    <section class="content h100">
      {% block content %}{% endblock content %}
    </section>

    {% block gutter_outer %}
      <div class="gutter">
        {% block gutter %}{% endblock gutter %}
      </div>
    {% endblock gutter_outer %}
  </body>

  <script type="text/javascript" src="{{ STATIC_URL }}js/global.js"></script>
</html>